/* CSS Document */
@charset "utf-8";
@font-face {
    font-family: HanSans_CN;
    src: url(../fonts/ses.ttf);
}

.header .other.user{ position: relative; border-left: 1px solid #dcdcdc;}
.header .other.user .name{ width: 145px; display: flex; justify-content: center; padding-left: 15px;}
.header .other.user .name a{ color: #0b6cb4; height: 34px; line-height: 34px; border-bottom: 1px solid #0b6cb4; overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;}
.header .other.user a.exit{ color: #333; height: 34px; line-height: 34px; margin-left: 10px;}

.user-page{ background: #f4f8ff; padding: 30px 0 54px;}
.user-page .mbx{ margin-bottom: 20px;}

.user-ty-box{ display: flex; flex-wrap: wrap;}
.user-ty-left{ width: 300px; background: #fff; padding-top: 34px;}
.user-ty-left li{ height: 60px; line-height: 60px; position: relative;}
.user-ty-left li a{ display: block; padding-left: 96px; position: relative; font-size: 1.4em; color: #333; font-weight: bold; }
.user-ty-left li .t{ font-family: HanSans_CN;}
.user-ty-left li .icon{ width: 26px; height: 26px; position: absolute; left: 52px; top: 50%; transform: translateY(-50%);}
.user-ty-left li .icon1{ background: url(../images/user-icon1.svg) no-repeat center; background-size: 28px;}
.user-ty-left li .icon2{ background: url(../images/user-icon2.svg) no-repeat center; background-size: 26px;}
.user-ty-left li .icon3{ background: url(../images/user-icon3.svg) no-repeat center; background-size: 27px;}
.user-ty-left li .icon4{ background: url(../images/user-icon4.svg) no-repeat center; background-size: 29px;}
.user-ty-left li .icon10{ background: url(../images/user-icon10.svg) no-repeat center; background-size: 29px;}

.user-ty-left li.on, .user-ty-left li:hover{ background: #e3ecff;}
.user-ty-left li.on::before, .user-ty-left li:hover::before{ content: ""; position: absolute; width: 10px; height: 100%; top: 0; left: 0; background: #0b6cb4;}
.user-ty-left li.on a, .user-ty-left li:hover a{ color: #0b6cb4;}
.user-ty-left li.on .icon1, .user-ty-left li:hover .icon1{ background: url(../images/user-icon1-2.svg) no-repeat center; background-size: 28px;}
.user-ty-left li.on .icon2, .user-ty-left li:hover .icon2{ background: url(../images/user-icon2-2.svg) no-repeat center; background-size: 26px;}
.user-ty-left li.on .icon3, .user-ty-left li:hover .icon3{ background: url(../images/user-icon3-2.svg) no-repeat center; background-size: 27px;}
.user-ty-left li.on .icon4, .user-ty-left li:hover .icon4{ background: url(../images/user-icon4-2.svg) no-repeat center; background-size: 29px;}
.user-ty-left li.on .icon10, .user-ty-left li:hover .icon10{ background: url(../images/user-icon10-2.svg) no-repeat center; background-size: 29px;}


.user-ty-right{ flex: 1; width: 60%; margin-left: 25px;} 
.user-top{ background: #fff; padding: 25px 40px 35px 0; display: flex; flex-wrap: wrap;}
.user-top .user-top-box1{ display: flex; flex-wrap: wrap; align-items: center; height: 140px; border-right: 1px solid #e5e5e5; padding: 0 42px; width: 46.52%;}
.user-top .user-top-box1 .img{ width: 90px; height: 90px; border-radius: 100%; overflow: hidden; position: relative;}
.user-top .user-top-box1 .img img{ position: absolute; width: 100%; height: 100%;}
.user-top .user-top-box1 .text{ flex: 1; margin-left: 25px;}
.user-top .user-top-box1 .text .t{ font-size: 1.8em; color: #333; font-weight: bold; line-height: 1; font-family: HanSans_CN; overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;}
.user-top .user-top-box1 .text .tel{ font-size: 1.4em; color: #333; margin-top: 8px;}
.user-top .user-top-box1 .text .bq{ margin-top: 8px;}
.user-top .user-top-box1 .text .bq .a{ display: inline-block; width: 80px; height: 30px; line-height: 30px; border-radius: 30px; font-size: 1.4em; background: #e5e5e5; color: #333; text-align: center;}
.user-top .user-top-box1 .text .bq.on .a{ background: #ffeff0; color: #fe0000;}
.user-top .user-top-box2{ display: flex; flex-direction: column; justify-content: center; height: 140px; border-right: 1px solid #e5e5e5; padding: 0 45px; width: 32.08%; font-size: 1.4em; color: #333; line-height: 30px;}
.user-top .user-top-box3{ flex: 1; display: flex; flex-wrap: wrap; justify-content: flex-end;}
.user-top .user-top-box3 .img{ width: 112px; height: 112px;}
.user-top .user-top-box3 .t{ font-size: 1.4em; color: #333; text-align: center; margin-top: 8px;}

.user-zj-list{ margin-top: 26px; background: #fff; padding: 0 35px 30px;}
.user-zj-list .top{ padding: 20px 0; display: flex; flex-wrap: wrap; justify-content: space-between; border-bottom: 1px solid #e5e5e5;}
.user-zj-list .top span{ display: inline-block; height: 24px; font-size: 1.8em; color: #0b6cb4; font-weight: bold; font-family: HanSans_CN; padding-left: 22px; position: relative;}
.user-zj-list .top span::before{ content: ""; position: absolute; width: 4px; height: 100%; left: 0; top: 0; background: #0b6cb4;}
.user-zj-list .top a{ display: inline-block; height: 24px; line-height: 24px; font-size: 1.4em; color: #333;}
.user-zj-list .top a:hover{ color: #0b6cb4; text-decoration: underline;}
.user-zj-list .list{ margin-top: 24px; overflow-y: hidden;}
.user-zj-list .list table{ width: 100%;}
.user-zj-list .list table tr+tr{ border-bottom: 1px dashed #e5e5e5;}
.user-zj-list .list table th{ height: 45px; background: #e3ecff; padding: 0 15px; text-align: center; font-size: 1.4em; color: #0b6cb4; font-family: HanSans_CN;}
.user-zj-list .list table th.w1{ width: 24%;}
.user-zj-list .list table th.w2{ width: 15%;}
.user-zj-list .list table th.w3{ width: 31%;}
.user-zj-list .list table td{ padding: 0 15px; font-size: 1.4em; color: #333; text-align: center; height: 70px;}
.user-zj-list .list table td .t{ color: inherit; overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;}
.user-zj-list .list table td .button{ background: transparent; border: none; font-size: 1.4rem; color: #999; position: relative; padding-left: 22px; height: 30px; line-height: 30px; margin-right: 15px;}
.user-zj-list .list table td .button img{ width: 16px; height: 16px; position: absolute; left: 0; top: 50%; transform: translateY(-50%);}
.user-zj-list .list table td .button:hover{ color: #fe0000;}
.user-zj-list .list table td a{ font-size: 1.4rem; color: #0b6cb4;}
.user-zj-list .list table td a:hover{ text-decoration: underline;}

.user-ty-top{ padding: 20px 0; display: flex; flex-wrap: wrap; justify-content: space-between; border-bottom: 1px solid #e5e5e5;}
.user-ty-top span{ display: inline-block; height: 24px; font-size: 1.8em; color: #0b6cb4; font-weight: bold; font-family: HanSans_CN; padding-left: 22px; position: relative;}
.user-ty-top span::before{ content: ""; position: absolute; width: 4px; height: 100%; left: 0; top: 0; background: #0b6cb4;}
.user-ty-top a{ display: inline-block; height: 24px; line-height: 24px; font-size: 1.4em; color: #0b6cb4;}
.user-ty-top a:hover{ text-decoration: underline;}

.user-smrz-box{ background: #fff; padding: 0 32px 12px;}
.user-smrz-box .box{ margin-top: 28px;}
.user-smrz-box .box .title{ font-size: 1.8em; font-weight: bold; color: #333; font-family: HanSans_CN; line-height: 1; margin-bottom: 22px;}
.user-smrz-box .box ul{ padding-bottom: 10px;}
.user-smrz-box .box li{ display: flex; flex-wrap: wrap; width: 100%; margin-bottom: 28px;}
.user-smrz-box .box li > label{ margin-bottom: 0; display: flex; flex-wrap: wrap; width: 100%;}
.user-smrz-box .box li .t{ width: 140px; margin-right: 20px; font-size: 1.4em; text-align: right; font-weight: normal; line-height: 40px;}
.user-smrz-box .box li .t span{ color: #ff0101;}
.user-smrz-box .box li .p{ flex: 1; display: flex; flex-wrap: wrap; font-size: 1.4em; color: #333; line-height: 40px;}
.user-smrz-box .box li .p input{ width: 100%; height: 40px; border: 1px solid #e5e5e5; border-radius: 4px; padding: 0 15px; font-weight: normal; font-size: 1.4rem; color: #333;}
.user-smrz-box .box li .p select{ width: 100%; height: 40px; border: 1px solid #e5e5e5; border-radius: 4px; padding: 0 15px; font-weight: normal; font-size: 1.4rem; color: #333;}
.user-smrz-box .box li .p .w1{ width: 66.58%;}
.user-smrz-box .box li .p .w2{ width: 40%;}
.user-smrz-box .box li .p label{ font-weight: normal; margin-bottom: 0; padding-left: 30px; position: relative; margin-right: 40px;}
.user-smrz-box .box li .p label:last-child{ margin-right: 0;}
.user-smrz-box .box li .p input[type="radio"]{ display: none;}
.user-smrz-box .box li .p input[type="checkbox"]{ display: none;}
.user-smrz-box .box li .p span{ position: absolute; width: 16px; height: 16px; left: 0; top: 50%; transform: translateY(-50%); border: 1px solid #e5e5e5; border-radius: 2px;}
.user-smrz-box .box li .p input[type="radio"]:checked + span::before{ content: ""; position: absolute; width: 8px; height: 8px; background: #0b6cb4; top: 50%; left: 50%; transform: translate(-50%,-50%);}
.user-smrz-box .box li .p input[type="checkbox"]:checked + span::before{ content: ""; position: absolute; width: 8px; height: 8px; background: #0b6cb4; top: 50%; left: 50%; transform: translate(-50%,-50%);}
.user-smrz-box .box li .p textarea{ width: 100%; height: 80px; border: 1px solid #e5e5e5; border-radius: 4px; padding: 0 15px; font-weight: normal; font-size: 1.4rem; color: #333;}
.user-smrz-box .box li .p button{ width: 300px; height: 200px; border: 1px dashed #bfbfbf; border-radius: 4px; background: transparent; position: relative;}
.user-smrz-box .box li .p button .add{ position: absolute; top: 50%; left: 0; transform: translateY(-50%); width: 100%;}
.user-smrz-box .box li .p button .add .icon{ width: 30px; height: 30px; margin: 0 auto;}
.user-smrz-box .box li .p button .add .s_t{ font-size: 1.4rem; color: #999; margin-top: 20px;}
.user-smrz-box .box li .p button .add .s_t p{ text-align: center; line-height: 20px;}
.user-smrz-box .box li .p button > img{ position: absolute; width: 100%; height: 100%; object-fit: none;}
.user-smrz-box .box li .p.sc button{ width: 150px; height: 45px; border-radius: 4px; background: #0b6cb4; font-size: 1.4rem; color: #fff; border: none; transition: all .3s;}
.user-smrz-box .box li .p.sc button:hover{ box-shadow: 0 3px 5px rgba(0,0,0,.35);}
.user-smrz-box .box li .p.sc p{ width: 100%; margin-top: 10px;}
.user-smrz-box .box li .p.sc p a{ display: inline-block; height: 30px; line-height: 30px; font-size: 1.4rem; color: #0b6cb4; border-bottom: 1px solid #0b6cb4;}
.user-smrz-box .box li.btns{ justify-content: center; padding-top: 20px;}
.user-smrz-box .box li.btns input{ width: 100px; height: 45px; border-radius: 4px; transition: all .3s;}
.user-smrz-box .box li.btns input[type="reset"]{ background: #e6eeff; font-size: 1.4em; color: #0b6cb4; border: 1px solid #0b6cb4;}
.user-smrz-box .box li.btns input[type="submit"]{ border: 1px solid #0b6cb4; background: #0b6cb4; color: #fff; font-size: 1.4em; margin-left: 20px;}
.user-smrz-box .box li.btns input:hover{ box-shadow: 0 3px 5px rgba(0,0,0,.35);}

.showimg { width:100%; height: 100%; object-fit: cover; position: absolute; top: 0; left: 0; background: #fff; }
img[src=""],img:not([src]){  display: none;  }

.smrz-con{ padding: 70px 0 120px; text-align: center;}
.smrz-con .t{ font-size: 3.4em; font-weight: bold; color: #0b6cb4; margin-top: 35px; font-family: HanSans_CN;}

.user-tb-box{ background: #fff; padding: 0 32px 65px;}
.user-tb-box .list{ margin-top: 24px; overflow-y: hidden;}
.user-tb-box .list table{ width: 100%;}
.user-tb-box .list table tr+tr{ border-bottom: 1px dashed #e5e5e5;}
.user-tb-box .list table th{ height: 45px; background: #e3ecff; padding: 0 15px; text-align: center; font-size: 1.4em; color: #0b6cb4; font-family: HanSans_CN;}
.user-tb-box .list table th.w1{ width: 24%;}
.user-tb-box .list table th.w2{ width: 15%;}
.user-tb-box .list table th.w3{ width: 31%;}
.user-tb-box .list table td{ padding: 0 15px; font-size: 1.4em; color: #333; text-align: center; height: 70px;}
.user-tb-box .list table td .t{ color: inherit; overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;}
.user-tb-box .list table td .button{ background: transparent; border: none; font-size: 1.4rem; color: #999; position: relative; padding-left: 22px; height: 30px; line-height: 30px; margin-right: 15px;}
.user-tb-box .list table td .button img{ width: 16px; height: 16px; position: absolute; left: 0; top: 50%; transform: translateY(-50%);}
.user-tb-box .list table td .button:hover{ color: #fe0000;}
.user-tb-box .list table td a{ font-size: 1.4rem; color: #0b6cb4;}
.user-tb-box .list table td a:hover{ text-decoration: underline;}


.tb-con{ padding-top: 5px;}
.tb-con .t{ font-size: 1.8em; font-weight: bold; color: #333; font-family: HanSans_CN; line-height: 1; position: relative; padding-left: 22px; margin-top: 25px;}
.tb-con .t::before{ content: ""; position: absolute; width: 8px; height: 8px; background: #0b6cb4; left: 0; top: 50%; transform: translateY(-50%) rotate(45deg);}
.tb-con .p{ font-size: 1.4em; line-height: 24px; margin-top: 5px;}
.tb-con .btns{ margin-top: 50px; display: flex; flex-wrap: wrap; align-items: center;}
.tb-con .btns a{ display: inline-block; width: 150px; height: 45px; line-height: 45px; text-align: center; border-radius: 4px; background: #0b6cb4; font-size: 1.4em; color: #fff; margin-right: 15px; transition: all .3s;}
.tb-con .btns a:hover{ box-shadow: 0 3px 5px rgba(0,0,0,.35);}
.tb-con .btns p{ flex: 1; font-size: 1.4em; color: #333; line-height: 24px;}


.user-password-box{ background: #fff; padding: 0 32px 70px;}
.user-password-box .list{ margin-top: 30px;}
.user-password-box .list li{ display: flex; margin-bottom: 25px;}
.user-password-box .list li label{ display: flex; flex-wrap: wrap; margin-bottom: 0; font-weight: normal;}
.user-password-box .list li .t{ width: 90px; font-size: 1.4em; color: #333; line-height: 40px; margin-right: 20px;}
.user-password-box .list li .p{ flex: 1;}
.user-password-box .list li .p input{ width: 300px; height: 40px; border: 1px solid #e5e5e5; border-radius: 4px; padding: 0 15px; font-weight: normal; font-size: 1.4rem; color: #333;}
.user-password-box .list li.btns{ justify-content: center; padding-top: 20px; margin-bottom: 0;}
.user-password-box .list li.btns input{ width: 100px; height: 45px; border-radius: 4px; transition: all .3s;}
.user-password-box .list li.btns input[type="reset"]{ background: #e6eeff; font-size: 1.4em; color: #0b6cb4; border: 1px solid #0b6cb4;}
.user-password-box .list li.btns input[type="submit"]{ border: 1px solid #0b6cb4; background: #0b6cb4; color: #fff; font-size: 1.4em; margin-left: 20px;}
.user-password-box .list li.btns input:hover{ box-shadow: 0 3px 5px rgba(0,0,0,.35);}


.tbh-box{ box-shadow: 0 0 5px rgba(0,0,0,.15); background: #fff; width: 100%; padding: 94px 32px 50px; margin-top: 20px;}
.tbh-box .top{ font-size: 2.4em; color: #0b6cb4; text-align: center; font-weight: bold; font-family: HanSans_CN; }
.tbh-box .list{ margin-top: 30px;}
.tbh-box .list li{ display: flex; flex-wrap: wrap; width: 100%; margin-bottom: 28px;}
.tbh-box .list li > label{ margin-bottom: 0; display: flex; flex-wrap: wrap; width: 100%;}
.tbh-box .list li .t{ width: 130px; margin-right: 20px; font-size: 1.4em; font-weight: normal; line-height: 40px;}
.tbh-box .list li .t span{ color: #ff0101;}
.tbh-box .list li .p{ flex: 1; display: flex; flex-wrap: wrap; font-size: 1.4em; color: #333; line-height: 40px;}
.tbh-box .list li .p input{ width: 100%; height: 40px; border: 1px solid #e5e5e5; border-radius: 4px; padding: 0 15px; font-weight: normal; font-size: 1.4rem; color: #333;}
.tbh-box .list li .p .w1{ width: 46.05%;}
.tbh-box .list li .p .w2{ margin-left: 20px; width: 200px;}
.tbh-box .list li .p label{ font-weight: normal; margin-bottom: 0; margin-right: 25px;}
.tbh-box .list li .p textarea{ width: 100%; height: 80px; border: 1px solid #e5e5e5; border-radius: 4px; padding: 0 15px; font-weight: normal; font-size: 1.4rem; color: #333; line-height: 1.4; padding: 10px; }
.tbh-box .list li .p a{ display: inline-block; width: 150px; height: 45px; line-height: 45px; text-align: center; border-radius: 4px; background: #0b6cb4; font-size: 1.4rem; color: #fff; margin-right: 15px; transition: all .3s;}
.tbh-box .list li .p a:hover{ box-shadow: 0 3px 5px rgba(0,0,0,.35);}
.tbh-box .list li.btns{ justify-content: center; padding-top: 20px; margin-bottom: 0;}
.tbh-box .list li.btns input{ width: 100px; height: 45px; border-radius: 4px; transition: all .3s;}
.tbh-box .list li.btns input[type="reset"]{ background: #e6eeff; font-size: 1.4em; color: #0b6cb4; border: 1px solid #0b6cb4;}
.tbh-box .list li.btns input[type="submit"]{ border: 1px solid #0b6cb4; background: #0b6cb4; color: #fff; font-size: 1.4em; margin-left: 20px;}
.tbh-box .list li.btns input:hover{ box-shadow: 0 3px 5px rgba(0,0,0,.35);}









@media (min-width: 1366px){


}
@media (max-width:1365px) and (min-width: 1200px){
.user-top .user-top-box1{ width: 40.52%; padding: 0 30px;}
.user-top .user-top-box2{ width: 38.08%; padding: 0 30px;}

}
@media (max-width:1199px) and (min-width:992px){
.header .other.user .name{ width: 90px;}

.user-ty-left{ width: 230px;}
.user-top{ padding: 25px 20px 25px 0;}
.user-top .user-top-box1{ width: 44.52%; padding: 0 20px;}
.user-top .user-top-box1 .img{ width: 75px; height: 75px;}
.user-top .user-top-box2{ width: 38.08%; padding: 0 20px;}
.user-top .user-top-box3{ align-items: center;}
.user-top .user-top-box3 .img{ width: 85px; height: 85px;}
.user-zj-list .list table{ width: 905px;}

.user-tb-box .list table{ width: 905px;}

.tbh-box{ padding: 64px 32px 50px;}
}
@media (max-width:991px) and (min-width: 768px){
.user-page .mbx{ margin-top: 0; text-align: left;}
.user-ty-left{ width: 200px;}
.user-ty-left li a{ padding-left: 85px;}
.user-ty-left li .icon{ left: 40px;}
.user-top{ padding: 25px 20px 25px;}
.user-top .user-top-box1{ width: 100%; padding: 0 20px; border-right: none; border-bottom: 1px solid #e5e5e5;}
.user-top .user-top-box1 .img{ width: 75px; height: 75px;}
.user-top .user-top-box2{ width: 75%; padding: 0 20px;}
.user-top .user-top-box3{ align-items: center;}
.user-top .user-top-box3 .img{ width: 85px; height: 85px;}
.user-zj-list .list table{ width: 905px;}

.user-smrz-box .box li .p .w1{ width: 100%;}
.user-smrz-box .box li .p .w2{ width: 100%;}
.user-smrz-box .box li .p button{ width: 100%;}

.user-tb-box .list table{ width: 905px;}

.tbh-box{ padding: 64px 32px 50px;}
.tbh-box .list li .p label+label{ margin-top: 15px;}

}
@media (max-width: 767px){
.user-page{ margin-top: 60px; padding: 30px 0 34px;}
.user-page .mbx{ margin-top: 0; text-align: left;}
.user-ty-left{ width: 100%; padding: 15px 0;}
.user-ty-left li{ height: 50px; line-height: 50px;}
.user-ty-left li.on::before, .user-ty-left li:hover::before{ width: 3px;}
.user-ty-left li a{ padding-left: 65px;}
.user-ty-left li .icon{ left: 20px;}
.user-ty-right{ flex: none; width: 100%; margin-left: 0; margin-top: 20px;}
.user-top{ padding: 20px 15px;}
.user-top .user-top-box1{ width: 100%; padding: 0 20px 20px; border-right: none; border-bottom: 1px solid #e5e5e5; height: auto; align-items: flex-start;}
.user-top .user-top-box1 .img{ width: 45px; height: 45px;}
.user-top .user-top-box2{ width: 70%; padding: 0 15px;}
.user-top .user-top-box2 p{ text-align: left;}
.user-top .user-top-box3{ align-items: center;}
.user-top .user-top-box3 .img{ width: 85px; height: 85px;}
.user-zj-list{ margin-top: 20px;}
.user-zj-list .list table{ width: 905px;}

.user-ty-top span{ font-size: 1.6em; height: 20px; line-height: 20px;}
.user-smrz-box{ padding: 0 20px 12px;}
.user-smrz-box .box .title{ font-size: 1.6em; margin-bottom: 15px;}
.user-smrz-box .box li{ margin-bottom: 15px;}
.user-smrz-box .box li .t{ width: 100%; text-align: left;}
.user-smrz-box .box li .p{ flex: none; width: 100%;}
.user-smrz-box .box li .p .w1{ width: 100%;}
.user-smrz-box .box li .p .w2{ width: 100%;}
.user-smrz-box .box li .p button{ width: 100%;}
.user-smrz-box .box li.btns{ padding-top: 0;}

.smrz-con{ padding: 40px 24% 60px;}
.smrz-con .t{ font-size: 1.8em;}

.user-tb-box{ padding: 0 20px 25px;}
.user-tb-box .list table{ width: 905px;}

.tb-con .t{ font-size: 1.6em;}

.user-password-box{ padding: 0 20px 40px;}

.tbh-box{ padding: 25px 20px 30px; margin-top: 0;}
.tbh-box .top{ font-size: 1.8em;}
.tbh-box .list{ margin-top: 10px;}
.tbh-box .list li{ margin-bottom: 15px;}
.tbh-box .list li .t{ width: 100%;}
.tbh-box .list li .p{ width: 100%;}
.tbh-box .list li .p .w1{ width: 100%;}
.tbh-box .list li .p label+label{ margin-top: 15px;}

}